<!-- 引入公共部分 -->
{{extend './common/layout.html'}}
<!-- 引入css链接（填空） -->
{{block 'link'}}
<link rel="stylesheet" href="/static/home/css/index.css">
{{/block}}

<!-- 引入主题部分（填空） -->
{{block 'main'}}
<!-- 引入头部代码 -->
<header>
    {{include './common/header.html'}}
    {{include './common/headerNav.html'}}
    {{include './common/aside.html'}}
</header>
<!-- {{each cateData val}}
<p>{{val.homeTypeId}}</p>
<p>{{val.homeType}}</p>

{{/each}} -->

<!-- 
{{each goodsData}}
{{each $value}}
<p>{{$value.homeGoodsId}}</p>
<p>{{$value.goodsId}}</p>
<p>{{$value.goodsName}}</p>
<p>{{$value.goodsPrice}}</p>
<p>{{$value.path}}</p>
<p>{{$value.homeType}}</p>
<p>111111</p>
{{/each}}
{{/each}}
     -->
<div class="wrapper">
    <!-- 轮播图 -->
    <div class="carouselContainer">
        <div id="carouselScreen">
            <!-- 虚化背景 -->
            <div class="virtualBack">

            </div>
                <!-- 图片框 -->
            <section id="carousel">
                <!-- 放图片 -->
                <div class="picture">
                    <img src="" alt="" class="image">
                </div>
                <!-- 放圆点,里边圆点通过js动态添加-->
                <div class="select">
                    <!-- <div class="dot"></div>
                    <div class="dot check"></div>    -->
                </div>
                <!-- 左右切换按钮 -->
                <div class="bt left">
                    <i class="iconfont zuoyoujiantou2"></i>
                </div>
                <div class="bt right">
                    <i class="iconfont zuo"></i>
                </div>
            </section>
            <!-- <div class="carouselBack">

            </div> -->
        </div>
    </div>
    <div class="headInner">
        <!-- 所有分类 -->
        <div class="AllClassifyCtn">

            <!-- 分类导航 -->
            <!-- <div class="classifyNav">
            </div> -->
            <!-- 分类内容 -->
           {{each arr}}
            <div class="classifyCtn">
                <div class="commonClassify">
                    <div class="commonTitleCtn">
                        <div class="commonTitle">
                            <div class="titleCtn">
                                <i class="iconfont jingxi1"></i>
                                <span>{{$value.homeType}}</span>
                            </div>
                        </div>
                    </div>
                    <div class="commonLayoutCtn">
                        <div class="commonLayout">
                            <div class="goodsCtn">
                                {{each $value.data.splice(0,8)}}
                                <div class="goods">
                                    <a href="/home/productDetail?goodsId={{$value.goodsId}}&shopId={{$value.shopId}}" target="_blank">
                                        <div class="goodsImg">
                                            <img src="{{$value.path}}" alt="">
                                        </div>
                                        <h2>{{$value.goodsName}}
                                        </h2>
                                    </a>
                                    <p>￥{{$value.goodsPrice}}</p>
                                </div>
                                {{/each}}
                                
                            </div>
                        </div>
                        <div class="loadMore">
                            点击加载更多
                        </div>
                    </div>
                </div>
            </div>
        {{/each}}
            <!-- 美妆个护 -->
            <!-- <div class="classifyCtn">
                <div class="commonClassify">
                    <div class="commonTitleCtn">
                        <div class="commonTitle">
                            <div class="titleCtn">
                                <i class="iconfont jingxi1"></i>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="commonLayoutCtn">
                        <div class="commonLayout">
                            <div class="goodsCtn">
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                            </div>
                            <div class="loadMore">
                                点击加载更多
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- 潮流男装 -->
            <!-- <div class="classifyCtn">
                <div class="commonClassify">
                    <div class="commonTitleCtn">
                        <div class="commonTitle">
                            <div class="titleCtn">
                                <i class="iconfont jingxi1"></i>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="commonLayoutCtn">
                        <div class="commonLayout">
                            <div class="goodsCtn">
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                            </div>
                        </div>
                        <div class="loadMore">
                            点击加载更多
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- 运动户外 -->
            <!-- <div class="classifyCtn">
                <div class="commonClassify">
                    <div class="commonTitleCtn">
                        <div class="commonTitle">
                            <div class="titleCtn">
                                <i class="iconfont jingxi1"></i>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="commonLayoutCtn">
                        <div class="commonLayout">
                            <div class="goodsCtn">
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                            </div>
                        </div>
                        <div class="loadMore">
                            点击加载更多
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- 母婴童装 -->
            <!-- <div class="classifyCtn">
                <div class="commonClassify">
                    <div class="commonTitleCtn">
                        <div class="commonTitle">
                            <div class="titleCtn">
                                <i class="iconfont jingxi1"></i>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="commonLayoutCtn">
                        <div class="commonLayout">
                            <div class="goodsCtn">
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                            </div>
                        </div>
                        <div class="loadMore">
                            点击加载更多
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- 潮搭鞋包 -->
            <!-- <div class="classifyCtn">
                <div class="commonClassify">
                    <div class="commonTitleCtn">
                        <div class="commonTitle">
                            <div class="titleCtn">
                                <i class="iconfont jingxi1"></i>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="commonLayoutCtn">
                        <div class="commonLayout">
                            <div class="goodsCtn">
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                            </div>
                        </div>
                        <div class="loadMore">
                            点击加载更多
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- 数码家电 -->
            <!-- <div class="classifyCtn">
                <div class="commonClassify">
                    <div class="commonTitleCtn">
                        <div class="commonTitle">
                            <div class="titleCtn">
                                <i class="iconfont jingxi1"></i>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="commonLayoutCtn">
                        <div class="commonLayout">
                            <div class="goodsCtn">
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                            </div>
                        </div>
                        <div class="loadMore">
                            点击加载更多
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- 家居家纺 -->
            <!-- <div class="classifyCtn">
                <div class="commonClassify">
                    <div class="commonTitleCtn">
                        <div class="commonTitle">
                            <div class="titleCtn">
                                <i class="iconfont jingxi1"></i>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="commonLayoutCtn">
                        <div class="commonLayout">
                            <div class="goodsCtn">
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                            </div>
                        </div>
                        <div class="loadMore">
                            点击加载更多
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- 精致首饰 -->
            <!-- <div class="classifyCtn">
                <div class="commonClassify">
                    <div class="commonTitleCtn">
                        <div class="commonTitle">
                            <div class="titleCtn">
                                <i class="iconfont jingxi1"></i>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="commonLayoutCtn">
                        <div class="commonLayout">
                            <div class="goodsCtn">
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                            </div>
                        </div>
                        <div class="loadMore">
                            点击加载更多
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- 食品营养 -->
            <!-- <div class="classifyCtn">
                <div class="commonClassify">
                    <div class="commonTitleCtn">
                        <div class="commonTitle">
                            <div class="titleCtn">
                                <i class="iconfont jingxi1"></i>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="commonLayoutCtn">
                        <div class="commonLayout">
                            <div class="goodsCtn">
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                            </div>
                        </div>
                        <div class="loadMore">
                            点击加载更多
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- 日用百货 -->
            <!-- <div class="classifyCtn">
                <div class="commonClassify">
                    <div class="commonTitleCtn">
                        <div class="commonTitle">
                            <div class="titleCtn">
                                <i class="iconfont jingxi1"></i>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="commonLayoutCtn">
                        <div class="commonLayout">
                            <div class="goodsCtn">
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                                <div class="goods">
    
                                </div>
                            </div>
                        </div>  
                        <div class="loadMore">
                            点击加载更多
                        </div>
                    </div>
                </div>
            </div> -->

        </div>
    </div>
    
</div>
<footer>
    {{include './common/footer.html'}}
</footer>
{{/block}}



